<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body onload = "alert('페이지 로딩');">
<!-- onfocus : 포커스를 얻었을때 처리할 코드 넣는 event handler
	 js : this(이 객체). (입력) 태그 내에서 this -> 그 태그 가르킴.
 -->'
<script type="text/javascript">
 function checkValue(obj) {
	 var str = obj.value;
	 if(str.length > 6) { //text입력착의 글자가 7자 이상이면
		 alert(str);
	 obj.value="";
	 }else {
		 alert("7자 이상쓰세요.");
	 }
 } 
 </script>
 
<textarea clos ="50" rows = "5" onfocus="this.value='';">자기소개 입력</textarea>
<form action = "a.jsp" onsubmit="return window.confirm('전송할까요?');"> <!-- return 하면 취소시 전송이 안됨. -->
Text : <input type="text" name="txt" onfocus = "alert('포크스 얻음')"; onblur="alert('포커스 잃음')"; ><br>
<!-- 포커스를 얻으면 text입력창을 비우고 포커스를 잃으면 text폼에 입력된 글을 alert으로 출력  -->
ID : <input type="text" name="id" value="ID를 입력하세요" onfocus = "this.value=''" onblur = "alert(this.value)">

<input type="text" name="txt2" onkeyup = "checkValue(this);"><p>
<input type="submit" value="전송">

</form>
</body>
</html>